<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta  name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,
			maximum-scale=1.0,minimum-scale=1.0"/>
			<link rel="stylesheet" href="css/normalize.css" />
			<link rel="stylesheet" href="css/index.css" />
		<title></title>
	</head>
	<body>
		<!--顶部-->
		<header class="app">
			<ul>
				<li>
					<img src="img/close.png"/>
				</li>
				<li>
					<img src="img/logo.png" alt="" />
				</li>
				<li>打开京东App，购物更轻松</li>
				<li>立即打开</li>
			</ul>
		</header>
		
		<!--搜索-->
		<div class="search-wrap">
			<div class="search-btn"></div>
			<div class="search">
				<div class="jd-icon"></div>
				<div class="sou"></div>
			</div>
			<div class="search-login">登录</div>
		</div>
		
		<!--主体内容区域-->
		<div class="main-content">
			<!--滑动图-->
			<div class="silder">
				<img src="upload/banner.dpg" alt="" />
			</div>
			
			<!--小家电品牌日-->
			<div class="brand">
				<div>
					<a href="#"><img src="upload/pic11.dpg" alt="" /></a>
				</div>
				<div>
					<a href="#"><img src="upload/pic22.dpg" alt="" /></a>
				</div>
				<div>
					<a href="#"><img src="upload/pic33.dpg" alt="" /></a>
				</div>
			</div>
		
			<!--nav区域-->
			<nav>
				<a href="#">
					<img src="upload/nav1.webp" alt="" />
					<span>京东超市</span>
				</a>
				<a href="#">
					<img src="upload/nav2.webp" alt="" />
					<span>全球购</span>
				</a>
				<a href="#">
					<img src="upload/nav3.webp" alt="" />
					<span>京东服饰</span>
				</a>
				<a href="#">
					<img src="upload/nav2.webp" alt="" />
					<span>京东生鲜</span>
				</a>
				<a href="#">
					<img src="upload/nav1.webp" alt="" />
					<span>京东到家</span>
				</a>
				<a href="#">
					<img src="upload/nav3.webp" alt="" />
					<span>充值缴费</span>
				</a>
				<a href="#">
					<img src="upload/nav1.webp" alt="" />
					<span>9.9元拼</span>
				</a>
				
				<a href="#">
					<img src="upload/nav2.webp" alt="" />
					<span>领券</span>
				</a><a href="#">
					<img src="upload/nav3.webp" alt="" />
					<span>赚钱</span>
				</a>
				<a href="#">
					<img src="upload/nav1.webp" alt="" />
					<span>全部</span>
				</a>
				
			</nav>
		
		<!--news-->
		<div class="news">
			<a href="#">
				<img src="upload/new1.dpg" alt="" />
			</a>
			<a href="#">
				<img src="upload/new2.dpg" alt="" />
			</a>
			<a href="#">
				<img src="upload/new3.dpg" alt="" />
			</a>
		</div>
		</div>
	</body>
</html>
